@charset "utf-8";
.mj-cascader {
  display:block;
  position: relative;
}
.mj-cascader * {
  box-sizing: border-box;
}
.mj-cascader .mj-cascader-control {
  position: relative;
  display:block;
  border: 1px solid var(--border-color);
  border-radius:3px;
  background:#fff;
  min-height: 30px;
  line-height: 30px;
  padding: 0 20px 0 10px;
  cursor: pointer;
  transition: all .3s ease;
}
.mj-cascader:not(.mj-cascader-disabled) .mj-cascader-control:not(.focus):hover {
    border-color:var(--gray11);
}
.mj-cascader .mj-cascader-control.focus {
    border-color: var(--focus);
    -webkit-box-shadow: 2px 2px 5px #ebeaea;
    box-shadow: 2px 2px 5px #ebeaea;
}
.mj-cascader .mj-cascader-control > i:last-child {position: absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-block;transition:all .3s ease;font-size: 14px;}
.mj-cascader.open .mj-cascader-control > i:last-child {transform:translateY(-50%) rotate(180deg);}
.mj-cascader .mj-cascader-control .input-control {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    
}
.mj-cascader .mj-cascader-control .input-control.placeholder {
    color:#c5c8ce;
}
.mj-cascader-input-inner {
  border: none;
  width: 100%;
  outline: none;
  cursor: pointer;
  background:transparent;
  position: relative;
  z-index: 1;
}
.mj-cascader-drop-down {
  position: absolute;
  left: 0;
  z-index: 100;
}
.mj-cascader-drop-down-empty {
  width:100%;
}
.mj-cascader-drop-down-empty .mj-cascader-panel {
  align-items: center;
}
.mj-cascader-drop-down-empty .no-data {
    text-align: center;
    color: #999;
    padding: 10px 0;
    flex:auto;
}
.mj-cascader-panel {
  border: 1px solid #e4e7ed;
  background:#fff;
  border-radius: 3px;
  margin:3px 0;
  box-shadow:0 1px 6px rgb(0 0 0 / 20%);
  display: flex;
  font-size: 14px;
  height:185px;
}
.mj-cascader-menu {
  min-width: 160px;
  box-sizing: border-box;
  color: #606266;
  padding:5px 0;
  overflow-y:auto;
  flex:auto;
}

.mj-cascader-menu:not(:first-child) {
  border-left: 1px solid #e4e7ed;
}

.mj-cascader-menu-list li {
  height:34px;
  line-height: 34px;
  padding: 0 30px 0 10px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.mj-cascader-menu-list li:hover {
  background: #f8f8f8;
}
.mj-cascader-menu-list li i {
  position: absolute;
  right:10px;
  font-size:12px;
}
.mj-cascader-menu-list .active {
  color:var(--primary);
}
.mj-cascader-menu-list .disabled {
  color:#c0c4cc;
  cursor: not-allowed;
}

/*显示 clearable*/
.mj-cascader-suffix-clear {
  position: absolute;
  right:5px;
  top:0;
  cursor:pointer;
  display: none;
}
.mj-cascader-show-clear:hover .mj-cascader-suffix-clear {
  display: block;
}
.mj-cascader-show-clear:hover .mj-cascader-suffix-clear + .icon-arrow-down {
  display: none;
}

/*disabled*/
.mj-cascader-disabled .mj-cascader-control {
  background: #f3f3f3;
  cursor: not-allowed;
}
.mj-cascader-disabled .mj-cascader-control .mj-cascader-input-inner {
  color:#ccc;
  cursor: not-allowed;
}

/*loading*/
.mj-cascader-menu-list .icon-loading {
  animation: loading-rotate 2s linear infinite;
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  line-height: normal;
  font-size: 16px;
}

@keyframes loading-rotate {
  100% {
    transform:rotate(360deg) ;
  }
}

/*size*/
.mj-cascader-large .mj-cascader-control {
  min-height: 38px;
  line-height: 38px;
}
.mj-cascader-large .mj-cascader-input-inner {
  font-size: 16px;
}
.mj-cascader-small .mj-cascader-control {
  min-height: 22px;
  line-height: 22px;
}
.mj-cascader-small .mj-cascader-input-inner {
  font-size: 12px;
}

/*带搜索filter*/
.mj-cascader-filter-label {position: absolute;width:100%;height:100%;top:0;left: 0;padding: 0 20px 0 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;font-size: 14px;color:var(--gray5);}

.mj-cascader-filter-list {
  border: 1px solid #e4e7ed;
  background:#fff;
  border-radius: 3px;
  margin:3px 0;
  box-shadow:0 1px 6px rgb(0 0 0 / 20%);
  font-size: 14px;
  padding:5px 0;
  min-width: 100px;
}
.mj-cascader-not-found {width:inherit;}
.mj-cascader-not-found .nodata {text-align:center;padding:10px;color:var(--gray9);}
.mj-cascader-filter-list-item {
  max-height: 200px;
  overflow-y:auto;
}
.mj-cascader-filter-list-item li {
    padding: 6px 16px;
    color: #515a6e;
    font-size: 14px;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.mj-cascader-filter-list-item li:hover {
  background:#f8f8f8;
}